<div data-role='page grid' data-grid-rows="<%$($.self.utils.fusionStatusBar()?'20,':'')%>45,40,*" data-grid-cols="*">
    <%$($.self.utils.fusionStatusBarSpace(20))%>
	    <%
			var catName = this.catMap[this.args.serviceType];
			var sortMap = {
				timeLimit: "工期",
				orderRemuneration: "报酬",
				attention: "关注度"
			};
		%>
        <div class='ui-header' data-role="cell">
				<div class='ui-bar-left' data-event='tap>back'>
                <i class='ui-icon-31-back'></i>
            </div>
            <div class='ui-title'><%=catName%></div>
        </div>
        <ul class="ui-projectList-topBar" data-role="cell">
        	<% for(var key in sortMap){ %>
	        <li data-event="click>sortList:<%=key%>" style="position:relative;">
	        	<% if(key==this.sortBy){ %>
	        	<i class="ui-icon-project ui-icon-order ui-icon-arrow-<%=this.sortDir%>"></i>
	        	<% } %>
	        	<%=sortMap[key]%>
	        </li>
	        <% } %>
        </ul>
        <div class="ui-content" data-role="cell scroll">
        	<link id="projectList" data-role='view' data-view="../views/project-list-list" />
        </div>
</div>
